نحوه بزرگنمایی بخش خاصی از یک تصویر در WPF

سلام دوستان

می خوام توی پروژه خودم با WPF یک منطقه خاص از یک تصویر رو زوم (بزرگنمایی) کنم. برای نمایش تصویر از یک کنترل Image استفاده کردم. برای اینکه بهتر بتونم منظور خودمو بیان کنم تصویر زیر رو مشاهده بفرمایید

فرض کنید ابعاد تصویر بالا 600 در 400 باشه. حالا من میخوام اون مستطیل قرمز رنگ رو که داخل این تصویر هست بزرگنمایی کنم. برای این کار من از ScaleTransform استفاده می کنم و ضریب مقیاس رو 10 حساب کردم و RenderTransformOrigin رو 0.75 و 0.85 حساب کردم.

تصویر زیر به من نمایش داده شده

کدهای xaml که برای این کار نوشتم هم به صورت زیر هست

<Grid>
   <Button Width="600" Height="400">
      <Button.Template>
         <ControlTemplate>
            <Grid ClipToBounds="True">
               <Image Source="c:\temp\sample.bmp" Stretch="Uniform" RenderTransformOrigin="0.75, 0.85">
               <Image.RenderTransform>
               <ScaleTransform ScaleX="10" ScaleY="10" />
                       </Image.RenderTransform>
               </Image>               
             </Grid>
         </ControlTemplate>
      </Button.Template>
   </Button>
</Grid>

حالا مشکل این جاست که وقتی من بزرگنمایی میکنم دقیقا اون مستطیل قرمر به من نمایش داده نمیشه و اطراف اون هم نمایش داده میشه. در واقع بخشی از تصویری که نیاز به بزرگنمایی داره از نمایش داده نمیشه

ممنون میشم راهنمایی بفرمایید چجوری دقیقا بخش مورد نیاز رو بزرگنمایی کنم

ویرایش شده در دوشنبه 10 دی 1403 ساعت 10:54:13

مشخصات سوال کننده :

کاربر : hamid_b امتیاز کاربر : 518 رتبه کاربر : 4

دسته بندی : سی شارپ WPF

نظر ویرایش گزارش نشان

به این سوال امتیاز بدهید 0

تعداد بازدید این سوال : 3475

هوش مصنوعی

پاسخ هوش مصنوعی

برای بزرگنمایی دقیق یک بخش خاص از تصویر در WPF، شما می توانید از یک ScrollViewer استفاده کنید تا اجازه دهید کاربر به راحتی ناحیه بزرگنمایی شده را مشاهده کند. دیگر اینکه باید مختصات RenderTransformOrigin و مقیاس ScaleTransform را درست تنظیم کنید.

در زیر یک نمونه کد XAML به شما ارایه می دهم که چطور این کار را انجام دهید:

<Grid>
    <ScrollViewer Width="600" Height="400">
        <Grid ClipToBounds="True">
            <Image Source="c:\temp\sample.bmp" Stretch="None" RenderTransformOrigin="0.75, 0.85">
                <Image.RenderTransform>
                    <ScaleTransform ScaleX="10" ScaleY="10" />
                </Image.RenderTransform>
            </Image>               
        </Grid>
    </ScrollViewer>
</Grid>

با این کد، تصویر داخل ScrollViewer قرار می گیرد و شما می توانید تصویر را بکشید و زوم کنید تا فقط ناحیه مورد نظر را مشاهده کنید. به یاد داشته باشید که مقدار RenderTransformOrigin را بنا به نیاز خود تنظیم کنید تا ناحیه دقیق برای بزرگنمایی مشخص شود.

به این پاسخ امتیاز بدهید 0

امتیاز: - رتبه: -

نظر ویرایش گزارش

پاسخ دهنده : fateme 11:27 1398/08/14

میتونید از دستور CroppedBitmap برای این کار استفاده کنید

<Image>
    <Image.Source>
        <CroppedBitmap Source="c:\temp\sample.bmp" SourceRect="420,330,60,40"/>
    </Image.Source>
</Image>

همچنین برای بزرگنمایی بخش خاصی از یک تصویر در WPF میتونید از یک ImageBrush و یک ViewBox هم استفاده کنید. برای این منظور از دستور زیر میتونید استفاده بفرمایید

<Grid>
    <Grid.Background>
        <ImageBrush ImageSource="c:\temp\sample.bmp"
                    ViewboxUnits="Absolute" Viewbox="420,330,60,40"/>
    </Grid.Background>
</Grid>

به این پاسخ امتیاز بدهید 0

امتیاز: 1635 رتبه: 2

نظر ویرایش گزارش

آخرین سوالات ثبت ‌شده

سوالات مرتبط

آموزش های پرطرفدار

برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید. ورود

نحوه بزرگنمایی بخش خاصی از یک تصویر در WPF

پاسخ هوش مصنوعی

آموزش ساخت اتوماسیون اداری تحت وب

آموزش ساخت سیستم فروش و انبارداری وب

آموزش ساخت سیستم حقوق و دستمزد وب با سینکفیوژن

آموزش ساخت سیستم آزمونگیر آنلاین